<template>
    <div class="setting">
        <div class="setting-list">
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-qunfengjiaosequanxian"></i>
                    <span class="van-cell-text">免密支付设置</span>
                </div>
            </van-cell>
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-qunfengfuzhi"></i>
                    <span class="van-cell-text">免拼卡设置</span>
                </div>
            </van-cell>
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-tuisongxiaoxi"></i>
                    <span class="van-cell-text">消息接收设置</span>
                </div>
            </van-cell>
        </div>
        <div class="setting-list">
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-qunfengwenhao"></i>
                    <span class="van-cell-text">常见问题</span>
                </div>
            </van-cell>
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-qunfengyijianfankui"></i>
                    <span class="van-cell-text">意见反馈</span>
                </div>
            </van-cell>

        </div>
        <div class="setting-list">
            <van-cell is-link>
                <div slot="title">
                    <i class="iconfont icon-qunfengshangjiajieshao"></i>
                    <span class="van-cell-text">商家免费入驻</span>
                </div>
            </van-cell>
        </div>
        <van-button size="large" class="btn" @click="Logout">退出登录</van-button>
    </div>
</template>

<script>
export default {
  methods: {
    Logout() {
      this.$dialog
        .confirm({
          message: "是否确认退出登录"
        })
        .then(confirm => {
          this.$store.commit("auth/AUTH_LOGOUT_SUCCESS");
          this.$router.back();
        })
        .catch(() => {});
    }
  }
};
</script>

<style lang="less" scoped>
.setting {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f2f6;
  .setting-list {
    margin-top: 0.12rem;
    .iconfont {
      font-size: 0.21rem;
      margin-right: 0.1rem;
    }
  }
  .btn {
    margin-top: 0.12rem;
  }
}
</style>

<style lang="less">
.van-cell .van-cell__title {
  display: flex;
  align-items: center;
}
</style>

